<script>
  $().ready(function() {
    $("#telefono").mask("(999) 9999-9999");
    $("#FormaCotizador").validate({
      messages: {
        email: "Necesita colocar un correo correcto"
      },
      submitHandler: function(form) {
        if($.trim($("#codigo_postal").val()) == "") {
          alert("Debe seleccionar un Codigo Postal");
          return false;
        } else if(($("#codigo_postal").val() - 0) == 0) {
          alert("El codigo postal 0 no es valido");
          return false;
        } else if(AniosDesde() < 24) {
          alert("No se pueden hacer cotizaciones para menores de 24 años");
          return false;
//          $("#error_code").val(1);
        } else if(AniosDesde() > 70) {
          alert("No se pueden hacer cotizaciones para mayores de 70 años");
          return false;
//          $("#error_code").val(2);
        } else {
          if($("#salvamento").val() == "Si") {
            alert("Para Asegurar este tipo de unidad debera comunicarsecon un asesor a nuestras oficinal al siguiente telefono");
            return false;
//            $("#error_code").val(3);
          } else if($("#tipo_uso").val() != "PARTICULAR") {
//            alert("Para cotizar un vehiculo no  particular, pongase en contacto con nosotros");
            $("#error_code").val(4);
          } else {
//            GenerarCotizacion();
            $("#error_code").val(0);
          }
        }
        
        form.submit();
        
      }
    });
    
    $("#fec_nac").rules("add", {
      required: true,
      dateISO: true
    });
  });
  
  function AniosDesde() {
    var strFecha = document.getElementById("fec_nac").value;
    var today = new Date();
    var christmas = new Date(strFecha.substring(0, 4), strFecha.substring(5, 7), strFecha.substring(8, 10));
    var one_day   = 1000 * 60 * 60 * 24;
    var one_year  = one_day * 365;

    return Math.floor((today.getTime() - christmas.getTime()) / (one_year));
  }
  
  function ChecarFechaNac() {
    if(document.getElementById("fec_nac").value) {
      if(AniosDesde() < 24) {
        alert("No se pueden hacer cotizaciones para menores de 24 años");
      } else if(AniosDesde() > 70) {
        alert("No se pueden hacer cotizaciones para mayores de 70 años");
      }
    }
  }
  
  String.prototype.isValidDate = function() {
    var IsoDateRe = new RegExp("^([0-9]{4})-([0-9]{2})-([0-9]{2})$");

    var matches = IsoDateRe.exec(this);
    if (!matches) return false;

    var composedDate = new Date(matches[1], (matches[2] - 1), matches[3]);

    return (
      (composedDate.getMonth   () == (matches[2] - 1)) &&
      (composedDate.getDate    () == (matches[3])) &&
      (composedDate.getFullYear() == (matches[1]))
    );
  }

  function mandar_forma() {
    // Validar fecha de nacimiento
    var fec_nac = $.trim(document.getElementById("fec_nac").value);
    
    if(fec_nac == "") {
      alert("La fecha de nacimiento no puede estar vacia")
      return false;
    }
    
    // 
    
    return false;
  };
  
  function IngresarVendedor() {
    document.location.href = "index.php?option=login_vendedor";
  }
  
  function CambioConductoPago() {
    var ConductoPago = $("#conducto_pago").val();
    var strCadenaOpciones = "<option value=''>:: SELECCIONE ::</option>";
    switch(ConductoPago) {
      case '1':
        strCadenaOpciones += "<option value='1'>CONTADO</option><option value='2'>SEMESTRAL</option>";
        break;
      case '':
        break;
      default:
        strCadenaOpciones += "<option value='1'>CONTADO</option><option value='2'>SEMESTRAL</option><option value='4'>TRIMESTRAL</option><option value='6'>MENSUAL</option>";
        break;
    }
    
    $("#forma_pago").html(strCadenaOpciones);
  }
</script>
<style type="text/css">
#FormaCotizador label.error {
  display: block;
  background: #FF0000;
  padding:5px;
  color: #FFFFFF;
}
</style>
<div class="texto_info">
  <center>
    <h1>Cotizador de Auto</h1>
  </center>
</div>
<!--
<div>$strBotonVendedor</div>
-->
<form class="cmxform" action="index.php" method="POST" id="FormaCotizador">
  <input type="hidden" name="option" value="cotizador" />
  <input type="hidden" name="paso" value="4" />
  <input type="hidden" name="error_code" id='error_code' value="0" />
  <input type="hidden" name="datos[id_vendedor]" value="$intIdVendedor" />
  <table class="TablaReportes">
    <tr>
      <th colspan="4">Cotizador</th>
    </tr>

    <tr><th colspan="4">Datos del asegurado</th></tr>
    <tr>
      <td class="AlinearDerecha"><label for="apaterno">Apellido Paterno (*):</label></td>
      <td><input type="text" class="UpperCase" name="datos[apaterno]" id="apaterno" value='$apaterno' size='30' required /></td>
      <td class="AlinearDerecha"><label for="amaterno">Apellido Materno (*):</label></td>
      <td><input type="text" class="UpperCase" name="datos[amaterno]" id="amaterno" value='$amaterno' size='30' required /></td>
    </tr>
    <tr>
      <td class="AlinearDerecha"><label for="nombre">Nombres (*):</label></td>
      <td><input type="text" class="UpperCase" name="datos[nombre]" id="nombre" value='$nombre' size='60' required /></td>
      <td class="AlinearDerecha"><label for="telefono">Telefono (*):</label></td>
      <td><input type="text" name="datos[telefono]" id="telefono" value='$telefono' required /></td>
    </tr>
    <tr>
      <td class="AlinearDerecha"><label for="fec_nac">Fecha de nacimiento (*):</label></td>
      <td><input type="text" name="datos[fec_nac]" id="fec_nac" value='$fec_nac' required onblur='ChecarFechaNac();' /> (AAAA-MM-DD)</td>
      <td class="AlinearDerecha"><label for="sexo">Sexo (*):</label></td>
      <td>
        <select name="datos[sexo]" id="sexo" required>
          <option value=''>:: SELECCIONE ::</option>
          $strSelectSexo
        </select>
      </td>
    </tr>
    <tr>
      <td class="AlinearDerecha"><label for="email">Correo Electr&oacute;nico (*):</label></td>
      <td><input id="email" type="email" name="datos[email]" value='$email' size='30' required /></td>
    </tr>


    <tr><th colspan="4">Ubicaci&oacute;n</th></tr>
    <tr>
      <td class="AlinearDerecha"><label for="id_estado">Estado (*):</label></td>
      <td>
        <select id="id_estado" name="datos[estado]" onChange="CambioEstado2()" required>
          <option value=''>:: SELECCIONE ::</option>
          $strSelectEstado
        </select>
      </td>
      <td class="AlinearDerecha"><label for="municipio">Municipio (*):</label></td>
      <td>
        <select id="id_municipio" name="datos[municipio]" required onChange='CambioMunicipio2()'>
          $strMunicipio
        </select>
      </td>
    </tr>
    <tr>
      <td class="AlinearDerecha"><label for="id_colonia">Colonia (*):</label></td>
      <td>
        <select id="id_colonia" name="datos[colonia]" onChange="CambioColonia2()" required>
          $strSelectColonia
        </select>
      </td>
      <td class="AlinearDerecha"><label for="codigo_postal">C&oacute;digo Postal (*):</label></td>
      <td><input type="text" class="UpperCase" name="datos[cp]" id="codigo_postal" value='$cp' onblur="CambioCP()" required /></td>
    </tr>


<!--
    <tr><th colspan="4">Ubicaci&oacute;n</th></tr>
    <tr>
      <td class="AlinearDerecha"><label for="id_estado">Estado (*):</label></td>
      <td>
        <select id="id_estado" name="datos[estado]" onChange="CambioEstado2()" required>
          <option value="">:: SELECCIONE ::</option>
          $strSelectEstado
        </select>
      </td>
      <td class="AlinearDerecha"><label for="id_municipio">Municipio (*):</label></td>
      <td>
        <select id="id_municipio" name="datos[municipio]" onChange="CambioMunicipio2()" required>
          
        </select>
      </td>
    </tr>
    <tr>
      <td class="AlinearDerecha"><label for="id_colonia">Colonia (*):</label></td>
      <td>
        <select id="id_colonia" name="datos[colonia]" onChange="CambioColonia2()" required>
          
        </select>
      </td>
      <td class="AlinearDerecha"><label for="codigo_postal">C&oacute;digo Postal (*):</label></td>
      <td>
        <select id="codigo_postal" name="datos[cp]" required>
          
        </select>
      </td>
    </tr>
-->


    <tr><th colspan="4">Informaci&oacute;n del Veh&iacute;culo</th></tr>
    <tr>
      <td colspan="3" class="AlinearDerecha">&iquest;El vehiculo es legalizado, fronterizo o de salvamento? :</td>
      <td>
        <select name="salvamento" id="salvamento" required>
          <option value="">:: SELECCIONE ::</option>
          <option value="No" $strSelectNoSalvamento>No</option>
          <option value="Si">Si</option>
        </select>
      </td>
    </tr>
    <tr>
      <td colspan="3" class="AlinearDerecha">Tipo de uso:</td>
      <td>
        <input type="hidden" name="datos[tipo_uso]" id="tipo_uso" value="PARTICULAR" required />
        PERSONAL
        <!--
        <select name="datos[tipo_uso]" id="tipo_uso" required>
          <option value="">:: SELECCIONE ::</option>
          <option value="PARTICULAR">PARTICULAR / PERSONAL</option>
          <option value="COMERCIAL">COMERCIAL</option>
          <option value="PUBLICO">SERVICIO PUBLICO</option>
        </select>
        -->
      </td>
    </tr>
    <tr>
      <td class="AlinearDerecha"><label for="id_marca">Marca (*):</label></td>
      <td>
        <select id="id_marca" name="datos[marca]" onChange="CambioMarca();" required>
          <option value=''>:: SELECCIONE ::</option>
          $strSelectMarca
        </select>
      </td>
      <td class="AlinearDerecha"><label for="id_marca_anio">A&ntilde;o (*):</label></td>
      <td>
        <select id="id_marca_anio" name="datos[marca_anio]" onChange="CambioMarcaAnio();" required>
          $strSelectAnioMod
        </select>
      </td>
    </tr>
    <tr>
      <td class="AlinearDerecha"><label for="id_marca_modelo">Tipo (*):</label></td>
      <td>
        <select name="datos[sisa]" id="id_marca_modelo" onChange="CambioModelo();" required>
          $strSelectTipo
        </select>
      </td>
    </tr>
    <tr>
      <td class="AlinearDerecha">Codigo SISA:</td>
      <td><div id="codigo_sisa">$sisa</div></td>
    </tr>

    <tr><th colspan="4">Deducibles</th></tr>
    <tr>
      <td class="AlinearDerecha"><label for="deducible_dm">Deducible Da&ntilde;o Material:</label></td>
      <td>
        $strDeducibleDM
      </td>
      <td class="AlinearDerecha"><label for="deducible_rt">Deducible Robo Total:</label></td>
      <td>
        $strDeducibleRT
      </td>
    </tr>

    <tr><th colspan="4">Cobertura</th></tr>
    <tr>
      <td class="AlinearDerecha"><label for="cobertura_rc">Cobertura Responsabilidad Civil:</label></td>
      <td>
        $strCoberturaRC
      </td>
      <td class="AlinearDerecha"><label for="cobertura_gm">Cobertura Gastos Medicos:</label></td>
      <td>
        $strCoberturaGM
      </td>
    </tr>
    
    <tr>
      <td class="AlinearDerecha"><label for="paquete">Paquete (*):</label></td>
      <td>
        <select name="datos[paquete]" id="paquete" required>
          <option value=''>:: SELECCIONE ::</option>
          $strSelectPaquetes
        </select>
      </td>
      <td class="AlinearDerecha"><label for="conducto_pago">Conducto de Pago (*):</label></td>
      <td>
        <select name="datos[conducto_pago]" id="conducto_pago" required onchange="CambioConductoPago()">
          <option value=''>:: SELECCIONE ::</option>
          $strSelectConductoPago
        </select>
      </td>
    </tr>
    <tr>
      <td class="AlinearDerecha"><label for="forma_pago">Forma de Pago (*):</label></td>
      <td>
        <select name="datos[forma_pago]" id="forma_pago" required>
          <option value=''>:: SELECCIONE ::</option>
          $strSelectFormaPago
        </select>
      </td>
    </tr>

    <tr>
      <th colspan="1"><input type="button" value="Limpiar Datos" onclick="LimpiarDatos();" /></th>
      <th colspan="3"><input type="submit" value="Continuar >>" /></th>
      <!--
      <th colspan="1"><input type="button" value="Descargar Cotizaci&oacute;n" id="btn_pdf" onclick="ObtenerPDF();" disabled="true" /></th>
      <th colspan="1"><input type="button" value="Continuar >>" disabled="true" id="btn_continua" onclick="ContinuarCotiza();"/></th>
      -->
    </tr>
  </table>
</form>
